<template>
    <div class="header">
      <div class="bx">
      <ul class="list">
        <li><a class="la-a la-e" href="javascript:;">请先登录</a></li>
        <li><a class="la-a" href="javascript:;">免费注册</a></li>
        <li><a class="la-a" href="javascript:;">我的订单</a></li>
        <li><a class="la-a" href="javascript:;">会员中心</a></li>
        <li><a class="la-a" href="javascript:;">帮助中心</a></li>
        <li><a class="la-a" href="javascript:;">关于我们</a></li>
        <li><a class="la-a" href="javascript:;"><i class="el-icon-mobile-phone"></i>手机版</a></li>
      </ul>
      </div>
    </div>
</template>

<script>

</script>

<style lang="scss" scoped>
  .bx{
    width: 1240px;
    margin: 0 auto;
}
  .header {
    color: #fff;
    height: 50px;
    background-color: #333333;
  }
  .list{
    display: flex;
    height: 53px;
    justify-content: flex-end;
    align-items: center;
  }
  .list .la-a{
    border-left: 2px solid #666;
    padding: 0 15px;
    color: #cdcdcd;
    line-height: 1;
  }
  .la-a.la-e{
    border-left: 0;
  }
  .list li a:hover{
    color: #27ba9b;
  }
</style>